
.wrapper {
    width: 1226px;
    border: 1px solid #dfdfdf;
    margin: auto;
}

.flex-container {
    display: flex;
}

.title>span {
    flex: auto;
    font-size: 20px;
    line-height: 50px;
}

.title>span:last-child {
    text-align: right;
}

.phone-list {
    height: 614px;
    justify-content: space-between;
}

.phone-list>.left {
    flex-basis: 234px;
    background: #dfdfdf;
}

.phone-list>.right {
    /* 将元素当作 弹性项目 来设置 */
    flex-basis: 978px;
    /* 将元素当作 弹性容器 来设置 */
    display: inline-flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-content: space-between;
    background: #ff0;
}

.phone-list .right>span {
    flex-basis: 234px;
    height: 300px;
    box-shadow: 0 0 5px 4px red inset;
}

